<%--
  Created by IntelliJ IDEA.
  User: Oracle
  Date: 2022/5/5
  Time: 10:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>我的求购</title>
</head>

<link rel="stylesheet" href="/static/css/font/iconfont.css">
<link rel="stylesheet" href="/static/css/font/iconfont.css"/>
<link rel="stylesheet" href="/static/css/userpage.css">
<link rel="stylesheet" href="/static/css/floatbar.css">
<link rel="stylesheet" href="/static/css/font.css"/>
<script src="/static/js/store.js"></script>
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-image: url(/static/image/header-bg_csgo.jpg);
        background-repeat: no-repeat;
    }
    .bigBox{
        width: 100%;
        height: auto;
    }
    .middle {
        width: 100vw;
        height: 18.5vh;
        background-image: url(/static/image/marcket-header-bg.png);
        background-repeat: no-repeat;
        margin: 2vh 10vw;
    }

    .middle_li {
        width: 80vw;
        height: 10vh;
    }

    .middle_top {
        width: 60vw;
        height: 6vh;
        float: left;
    }

    .middle_top li {
        color: #858b91;
        list-style: none;
        width: 5vw;
        margin-top: 5.7vh;
        font-weight: 800;
        margin-left: 2.6vw;
    }

    .middle_top li:hover {
        color: #ffffff;
    }

    .middle_top_right {
        width: 18vw;
        height: 6vh;
        float: left;
        margin-top: 4vh;
        display: flex;
        justify-content: flex-end;
    }

    .middle_top_right span {
        width: 7vw;
        color: #4674cc;
        font-size: 13px;
        font-weight: 200;
        line-height: 7vh;
    }

    .hr {
        width: 73%;
        height: 0;
        margin-left: 2.6vw;
    }

    .middle_under {
        width: 75vw;
        height: 32px;
        margin-top: 2.5vh;
        margin-left: 25px;
    }

    .middle_under_li {
        width: 40vw;
        height: 30px;
        display: flex;
        float: left;
        font-weight: 400;
    }

    .middle_under_li li {
        color: #858b91;
        list-style: none;
        width: 6vw;
        height: 28px;
        margin-top: 0vh;
        border-radius: 3px;
        background-color: #2d2f3e;
        line-height: 30px;
        padding-left: 4px;
        margin-left: 1vw;
        font-size: 12px;
    }

    .middle_under_li li:hover {
        background-color: #45536c;
    }

    .middle_under_input {
        width: 20vw;
        height: 32px;
        float: left;
        display: flex;
        justify-content: end;
        padding-left: 14vw;
        color: white;
    }

    .middle_under_input input {
        height: 30px;
        background-color: #1d2a43;
        border: none;
    }

    .middle_under_input button {
        height: 30px;
        width: 90px;
        background-color: #3f5d97;
        border: none;
        font-size: 14px;

    }


    .best_under {
        width: 78vw;
        height: 100vh;
        background-color: #fafafa;
        margin-top: 6vh;
    }

    ul {
        box-sizing: border-box;
        display: flex;
    }

    a {
        text-decoration: none;
        color: #7d7f81;
    }

    a:hover {
        color: #f5f5f6;
    }

    .icon-wodedianpu {
        font-size: 16px;
    }

    .icon-shezhi {
        font-size: 16px;
    }

    .icon-sousuo {
        font-size: 14px;
    }

    .icon-a-zhengfangxingfuxuankuang {
        color: #e2a52f;
        font-size: 14px;
    }
    .tail{
        margin-top: 100vh;
    }
</style>


<body>
<div class="bigBox">
    <div class="top">
        <iframe src="${pageContext.request.contextPath }/goods/head" scrolling="no" width="100%"
                height="71px" frameborder="0" name="buy" id="userTop"></iframe>
    </div>
    <div class="middle">
        <div class="middle_li">
            <div class="middle_top">
                <ul>
                    <li><a href="我的出售.html">正在求购</a></li>
                    <li><a href="正在寄售.html">求购记录</a></li>
                    <li><a href="出售记录.html">发布求购</a></li>
                </ul>
            </div>
            <div class="middle_top_right">
                <span><i class="iconfont icon-wodedianpu"></i>&nbsp;我的店铺</span>
                <span><i class="iconfont icon-shezhi"></i>&nbsp;店铺设置</span>
            </div>
        </div>
        <div class="hr">
            <hr color="#4773c8">
        </div>
        <div class="middle_under">
            <div class="middle_under_li">
                <li>筛选</li>
                <li>品质</li>
                <li>类别</li>
                <li>外观</li>
            </div>
            <div class="middle_under_input">
                <input type="text" size="30" placeholder="请输入物品名称" />
                <button type="button">搜索</button>
            </div>
        </div>
        <div class="best_under">
        </div>

    </div>
    <div class="tail">
        <iframe src="${pageContext.request.contextPath }/goods/tail" scrolling="no" width="100%" height="324px" frameborder="0"></iframe>
    </div>
    <%--右侧悬浮框--%>
    <div class="floatbar">
        <a href="">
            <div class="Icontext"><span class="iconfont icon-shouji"></span><br/>
                <font size="1">App</font>
            </div>
        </a>
        <a href="">
            <div class="Icontext"><span class="iconfont icon-xingxing"></span><br/>
                <font size="1" color="#95959">收藏</font>
            </div>
        </a>
        <a href="">
            <div class="Icontext"><span class="iconfont icon-weixin"></span><br/>
                <font size="1" color="#95959">公众号</font>
            </div>
        </a>
        <a href="">
            <div class="Icontext"><span class="iconfont icon-weibo"></span><br/>
                <font size="1" color="#95959">微博</font>
            </div>
        </a>
        <a href="">
            <div class="Icontext"><span class="iconfont icon-wenhao"></span><br/>
                <font size="1" color="#95959">帮助</font>
            </div>
        </a>
        <a href="">
            <div class="Icontext"><span class="iconfont icon-duanxin"></span><br/>
                <font size="1" color="#95959">客服</font>
            </div>
        </a>
        <a href="javascript:scroll(0,0);">
            <div class="backTop"><span class="iconfont icon-sanjiaoxing_shang"></span><br/>
                <font size="2" color="#95959">TOP</font>
            </div>
        </a>
    </div>
    <%-- 用户信息悬浮框 --%>
    <div class="store" id="store">
        <div class="store-info">
            <div class="store-user">
                <div class="store-user-img">
                    <c:if test="${empty sessionScope.userNow.headPath}">
                        <img src="../static/image/defaultHead.png" width="52px" height="52px"/>
                    </c:if>
                    <c:if test="${not empty sessionScope.userNow.headPath}">
                        <img src="${sessionScope.userNow.headPath}" width="52px" height="52px"/>
                    </c:if>
                </div>
                <div class="store-user-name">
                    <c:if test="${not empty sessionScope.userNow.username}">
                        <h4>${sessionScope.userNow.username}</h4>
                    </c:if>
                    <c:if test="${empty sessionScope.userNow.username}">
                        <h4>${sessionScope.userNow.tellphone}</h4>
                    </c:if>
                    <p><a href="/user/logout">注销</a></p>
                </div>
            </div>
            <div class="store-account">
                <div class="balance">余额
                    <span>￥${sessionScope.userNow.balance}</span>
                </div>
                <div class="topUp">
                    <a href="${pageContext.request.contextPath }/user/center">充值</a>
                </div>
            </div>
        </div>
    </div>

</div>


</body>
</html>
